<!DOCTYPE html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="调度策略">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./src/style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.7.3/lottie.js" integrity="sha512-+cOgdFZQcpFOfpIXV1NkF/hHAj9j17SMa+ZQOW1tTFocKYcYPJAThI4PkvpRkHxSeVwWPRkdSAvXn8d25glTrA==" crossorigin="anonymous"></script>
</head>
<body>
<h2>Lin.JY: Experiment</h2>
<div class="container">
    <bold>requestIdleCallback : </bold>
    <p>Perform low priority work on the main event loop, without impacting latency-critical events such as animation and input response</p>
    <div id='lottie'></div>
</div>


<div class="container">
    <h3>Step I</h3>
    <p>Open Chrome Console to observe logs</p>
    <ul>
        <li>[Sync] When clicking buttons, Lottie Animation has performance issues</li>
        <li>[Async] Using requestIdleCallback, to see what is happening
            <div style="font-weight: bold">Simulating React 16+ Fiber</div>
        </li>
    </ul>
</div>

<div class="container">
    <h3>Step II</h3>
    <input type="checkbox" id="toggle" checked>
    <label for="toggle"></label>
    <span id="cbText">Sync 同步阻塞, 动画卡顿</span>
</div>

<div class="container">
    <h3>Step III</h3>
    <p>Please click other different buttons, to see how requestIdleCallback affects the animation performance</p>
    <button id="btnA">A</button>
    <button id="btnB">B</button>
    <button id="btnC">C</button>
</div>

<script>
  const JSON = {"v":"5.2.1","fr":60,"ip":0,"op":300,"w":1080,"h":1080,"nm":"cow","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"UFO Outlines 4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":217,"s":[558,148,0],"e":[1190,-18,0],"to":[403.666656494141,-11.3333330154419,0],"ti":[-105.333335876465,27.6666660308838,0]},{"t":299}],"ix":2},"a":{"a":0,"k":[540,213.199,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0,0,0.667],"y":[1,1,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"n":["0_1_0p333_0","0_1_0p333_0","0p667_1_0p333_0"],"t":217,"s":[128.519,128.519,100],"e":[21.786,21.786,100]},{"t":299}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.15,-12.486],[28.625,7.223],[-3.152,12.486],[-28.625,-7.223]],"o":[[-3.15,12.486],[-28.626,-7.223],[3.15,-12.486],[28.626,7.223]],"v":[[51.831,13.079],[-5.704,22.608],[-51.83,-13.079],[5.705,-22.608]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[565.826,149.854],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":50,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-51.796,0],[-38.918,10.057],[70.157,0],[9.804,-60.816]],"o":[[47.552,0],[-8.477,-62.173],[-69.102,0],[41.241,11.786]],"v":[[5.144,63.032],[136.314,47.249],[-0.21,-63.032],[-136.314,44.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.6,0.677999997606,0.976000019148,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[540.209,167.021],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-35.174,-35.025],[166.464,0],[0,38.774],[-166.463,0]],"o":[[0,38.774],[-166.463,0],[21.113,-28.68],[166.464,0]],"v":[[272.966,-0.53],[-1.225,57.395],[-272.966,-0.939],[-0.898,-56.817]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.732999973671,0.795999983245,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[545.071,219.292],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-38.774],[166.464,0],[0,38.774],[-166.463,0]],"o":[[0,38.774],[-166.463,0],[0,-38.774],[166.464,0]],"v":[[277.879,-0.001],[-1.225,70.207],[-277.879,-0.001],[-1.225,-70.207]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.6,0.677999997606,0.976000019148,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[545.071,232.104],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":217,"op":305,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"UFO Outlines 3","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[540,540,0],"ix":2},"a":{"a":0,"k":[540,540,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-11.462],[11.462,0],[0,11.462],[-11.463,0]],"o":[[0,11.462],[-11.463,0],[0,-11.462],[11.462,0]],"v":[[20.755,0],[0,20.754],[-20.755,0],[0,-20.754]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.451000019148,0.552999997606,0.877999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[545.071,306.409],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-11.462],[-11.462,0],[0,11.462],[11.462,0]],"o":[[0,11.462],[11.462,0],[0,-11.462],[-11.462,0]],"v":[[-20.755,0],[0,20.754],[20.755,0],[0,-20.754]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.451000019148,0.552999997606,0.877999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[780.16,272.331],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":2,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-11.462],[11.462,0],[0,11.462],[-11.463,0]],"o":[[0,11.462],[-11.463,0],[0,-11.462],[11.462,0]],"v":[[20.754,0],[0,20.754],[-20.755,0],[0,-20.754]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.451000019148,0.552999997606,0.877999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[309.982,272.331],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":2,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":217,"op":305,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"UFO Outlines 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":0,"s":[978,-78,0],"e":[220,96,0],"to":[-2.1019115447998,0,0],"ti":[-50.2402992248535,-16.2288265228271,0]},{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":60,"s":[220,96,0],"e":[558,148,0],"to":[97,31.3333339691162,0],"ti":[-81,-9.33333301544189,0]},{"t":120}],"ix":2},"a":{"a":0,"k":[540,213.199,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0,0,0.667],"y":[1.09,1.09,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"n":["0_1p09_0p333_0","0_1p09_0p333_0","0p667_1_0p333_0"],"t":0,"s":[26.705,26.705,100],"e":[60.038,60.038,100]},{"i":{"x":[0,0,0.667],"y":[1.044,1.044,1]},"o":{"x":[0.333,0.333,0.333],"y":[0,0,0]},"n":["0_1p044_0p333_0","0_1p044_0p333_0","0p667_1_0p333_0"],"t":60,"s":[60.038,60.038,100],"e":[128.519,128.519,100]},{"t":120}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.15,-12.486],[28.625,7.223],[-3.152,12.486],[-28.625,-7.223]],"o":[[-3.15,12.486],[-28.626,-7.223],[3.15,-12.486],[28.626,7.223]],"v":[[51.831,13.079],[-5.704,22.608],[-51.83,-13.079],[5.705,-22.608]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[565.826,149.854],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":50,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-51.796,0],[-38.918,10.057],[70.157,0],[9.804,-60.816]],"o":[[47.552,0],[-8.477,-62.173],[-69.102,0],[41.241,11.786]],"v":[[5.144,63.032],[136.314,47.249],[-0.21,-63.032],[-136.314,44.458]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.6,0.677999997606,0.976000019148,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[540.209,167.021],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-35.174,-35.025],[166.464,0],[0,38.774],[-166.463,0]],"o":[[0,38.774],[-166.463,0],[21.113,-28.68],[166.464,0]],"v":[[272.966,-0.53],[-1.225,57.395],[-272.966,-0.939],[-0.898,-56.817]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.732999973671,0.795999983245,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[545.071,219.292],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-38.774],[166.464,0],[0,38.774],[-166.463,0]],"o":[[0,38.774],[-166.463,0],[0,-38.774],[166.464,0]],"v":[[277.879,-0.001],[-1.225,70.207],[-277.879,-0.001],[-1.225,-70.207]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.6,0.677999997606,0.976000019148,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[545.071,232.104],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":217,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"UFO Outlines","parent":3,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[540,540,0],"ix":2},"a":{"a":0,"k":[540,540,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":14,"s":[{"i":[[0,-8.574],[8.574,0],[0,8.574],[-8.574,0]],"o":[[0,8.574],[-8.574,0],[0,-8.574],[8.574,0]],"v":[[-139.033,-13.414],[-154.557,2.11],[-170.082,-13.414],[-154.557,-28.939]],"c":true}],"e":[{"i":[[0,-11.462],[11.462,0],[0,11.462],[-11.463,0]],"o":[[0,11.462],[-11.463,0],[0,-11.462],[11.462,0]],"v":[[20.755,0],[0,20.754],[-20.755,0],[0,-20.754]],"c":true}]},{"t":103}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.451000019148,0.552999997606,0.877999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[545.071,306.409],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":14,"s":[{"i":[[0,-7.993],[-7.993,0],[0,7.993],[7.993,0]],"o":[[0,7.993],[7.993,0],[0,-7.993],[-7.993,0]],"v":[[-95.604,18.708],[-81.131,33.181],[-66.658,18.708],[-81.131,4.236]],"c":true}],"e":[{"i":[[0,-11.462],[-11.462,0],[0,11.462],[11.462,0]],"o":[[0,11.462],[11.462,0],[0,-11.462],[-11.462,0]],"v":[[-20.755,0],[0,20.754],[20.755,0],[0,-20.754]],"c":true}]},{"t":103}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.451000019148,0.552999997606,0.877999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[780.16,272.331],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":2,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":14,"s":[{"i":[[0,-4.573],[4.573,0],[0,4.573],[-4.574,0]],"o":[[0,4.573],[-4.574,0],[0,-4.573],[4.573,0]],"v":[[-30.683,-32.992],[-38.964,-24.711],[-47.246,-32.992],[-38.964,-41.273]],"c":true}],"e":[{"i":[[0,-11.462],[11.462,0],[0,11.462],[-11.463,0]],"o":[[0,11.462],[-11.463,0],[0,-11.462],[11.462,0]],"v":[[20.754,0],[0,20.754],[-20.755,0],[0,-20.754]],"c":true}]},{"t":103}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.451000019148,0.552999997606,0.877999997606,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[309.982,272.331],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":2,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":217,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"Cow Outlines 2","parent":6,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0],"y":[1.045]},"o":{"x":[0.333],"y":[0]},"n":["0_1p045_0p333_0"],"t":0,"s":[-9],"e":[13]},{"i":{"x":[0],"y":[0.955]},"o":{"x":[0.333],"y":[0]},"n":["0_0p955_0p333_0"],"t":60,"s":[13],"e":[-9]},{"t":120}],"ix":10},"p":{"a":0,"k":[559.73,528.413,0],"ix":2},"a":{"a":0,"k":[559.73,528.413,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[53.366,4.13],[-31.774,-18.987],[0,0]],"o":[[0,0],[23.765,14.202],[0,0]],"v":[[-24.052,-29.494],[-6.289,15.292],[38.063,19.439]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.109999997008,0.19199999641,0.46699999641,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[588.798,426.744],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.222,-2.573],[2.692,0.231],[-0.223,2.572],[-2.69,-0.232]],"o":[[-0.222,2.572],[-2.693,-0.231],[0.221,-2.573],[2.694,0.231]],"v":[[4.874,0.419],[-0.4,4.658],[-4.873,-0.418],[0.399,-4.658]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.819999964097,0.419999994016,0.630999995213,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[572.603,495.225],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.222,-2.573],[2.692,0.232],[-0.221,2.572],[-2.691,-0.232]],"o":[[-0.221,2.572],[-2.692,-0.231],[0.223,-2.572],[2.693,0.231]],"v":[[4.874,0.419],[-0.399,4.658],[-4.875,-0.419],[0.399,-4.658]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.819999964097,0.419999994016,0.630999995213,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[539.312,492.364],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":2,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[1.072,-12.478],[20.802,1.788],[-1.071,12.477],[-20.803,-1.788]],"o":[[-1.071,12.478],[-20.804,-1.788],[1.074,-12.478],[20.802,1.788]],"v":[[33.195,0.41],[-2.294,20.119],[-33.195,-5.296],[1.164,-20.119]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.592000026329,0.788000009574,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[556.038,500.343],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":2,"cix":2,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.455,-5.303],[5.303,0.456],[-0.456,5.302],[-5.303,-0.456]],"o":[[-0.456,5.303],[-5.302,-0.456],[0.454,-5.303],[5.301,0.456]],"v":[[9.602,0.825],[-0.826,9.601],[-9.601,-0.824],[0.826,-9.601]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.109999997008,0.19199999641,0.46699999641,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":120,"s":[603.626,478.858],"e":[598.121,460.811],"to":[-0.91742676496506,-3.0078592300415],"ti":[0.91742676496506,3.0078592300415]},{"t":140}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":2,"cix":2,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.456,-5.303],[5.303,0.456],[-0.456,5.302],[-5.303,-0.455]],"o":[[-0.456,5.303],[-5.302,-0.456],[0.456,-5.303],[5.302,0.456]],"v":[[9.602,0.825],[-0.826,9.601],[-9.602,-0.825],[0.826,-9.602]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.109999997008,0.19199999641,0.46699999641,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":120,"s":[510.5,470.855],"e":[510.789,454.365],"to":[0.04830380156636,-2.7483127117157],"ti":[-0.04830380156636,2.7483127117157]},{"t":140}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":2,"cix":2,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-8.84,-28.185],[19.335,19.695]],"o":[[0,0],[5.815,18.537],[-3.898,-7.557]],"v":[[-47.775,-26.846],[41.961,8.309],[-1.503,6.159]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.109999997008,0.19199999641,0.46699999641,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[570.965,398.146],"ix":2},"a":{"a":0,"k":[-45.887,-26.442],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0],"y":[0.923]},"o":{"x":[0.333],"y":[0]},"n":["0_0p923_0p333_0"],"t":0,"s":[13],"e":[0]},{"i":{"x":[0],"y":[1.077]},"o":{"x":[0.333],"y":[0]},"n":["0_1p077_0p333_0"],"t":60,"s":[0],"e":[13]},{"i":{"x":[0],"y":[0.923]},"o":{"x":[0.333],"y":[0]},"n":["0_0p923_0p333_0"],"t":120,"s":[13],"e":[0]},{"i":{"x":[0],"y":[1.077]},"o":{"x":[0.333],"y":[0]},"n":["0_1p077_0p333_0"],"t":180,"s":[0],"e":[13]},{"i":{"x":[0],"y":[0.924]},"o":{"x":[0.333],"y":[0]},"n":["0_0p924_0p333_0"],"t":240,"s":[13],"e":[0]},{"t":299}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 9","np":2,"cix":2,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[8.84,-28.185],[-19.334,19.695]],"o":[[0,0],[-5.814,18.537],[3.898,-7.557]],"v":[[47.775,-26.846],[-41.961,8.309],[1.502,6.159]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.964705882353,0.964705882353,0.964705882353,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[541.922,399.252],"ix":2},"a":{"a":0,"k":[44.37,-25.336],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0],"y":[1.056]},"o":{"x":[0.333],"y":[0]},"n":["0_1p056_0p333_0"],"t":0,"s":[-18],"e":[0]},{"i":{"x":[0],"y":[0.944]},"o":{"x":[0.333],"y":[0]},"n":["0_0p944_0p333_0"],"t":60,"s":[0],"e":[-18]},{"i":{"x":[0],"y":[1.056]},"o":{"x":[0.333],"y":[0]},"n":["0_1p056_0p333_0"],"t":120,"s":[-18],"e":[0]},{"i":{"x":[0],"y":[0.944]},"o":{"x":[0.333],"y":[0]},"n":["0_0p944_0p333_0"],"t":180,"s":[0],"e":[-18]},{"i":{"x":[0],"y":[1.055]},"o":{"x":[0.333],"y":[0]},"n":["0_1p055_0p333_0"],"t":240,"s":[-18],"e":[0]},{"t":299}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 10","np":2,"cix":2,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[3.313,-38.546],[61.998,5.328],[-3.313,38.547],[-40.05,-3.443]],"o":[[-3.313,38.547],[-61.998,-5.329],[3.312,-38.547],[40.052,3.442]],"v":[[72.518,3.862],[-5.709,70.28],[-72.519,-8.603],[5.997,-72.165]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.964705882353,0.964705882353,0.964705882353,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[557.479,469.293],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 11","np":2,"cix":2,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[6.534,10.134],[0,0]],"o":[[0,0],[-6.533,-10.134],[0,0]],"v":[[1.159,35.239],[10.57,-12.104],[-17.103,13.527]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.995999983245,0.760999971278,0.447000002394,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[609.52,389.648],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 12","np":2,"cix":2,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-6.534,10.134],[0,0]],"o":[[0,0],[6.533,-10.134],[0,0]],"v":[[-4.242,29.947],[-10.569,-12.104],[17.103,13.527]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.995999983245,0.760999971278,0.447000002394,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[510.743,389.648],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 13","np":2,"cix":2,"ix":11,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":210,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Cow Outlines","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":144,"s":[-6.043],"e":[4.957]},{"t":211}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":1,"y":0},"n":"0p667_1_1_0","t":144,"s":[588,908,0],"e":[588,156,0],"to":[0,-125.333335876465,0],"ti":[0,125.333335876465,0]},{"t":211}],"ix":2},"a":{"a":0,"k":[647.11,546.512,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667,0.667],"y":[1,1,1]},"o":{"x":[1,1,0.333],"y":[0.087,0.087,0]},"n":["0p667_1_1_0p087","0p667_1_1_0p087","0p667_1_0p333_0"],"t":144,"s":[125,125,100],"e":[73.4,73.4,100]},{"t":211}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-42.706,0.027],[11.347,29.657]],"o":[[0,0],[37.376,-0.024],[-36.67,14.924]],"v":[[-60.332,-2.958],[-0.66,36.227],[48.985,-36.253]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.802306829714,0.82082381903,0.870588235294,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[573.262,531.479],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 14","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-4.614,-6.79],[-11.53,6.918],[0,0],[0,0]],"o":[[10.592,-0.028],[3.509,5.168],[-0.891,-24.193],[0,0],[0,0]],"v":[[-25.794,-3.345],[-2.903,7.004],[17.375,20.286],[0.395,-21.77],[-14.52,-24.726]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.109999997008,0.19199999641,0.46699999641,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[773.141,535.943],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 15","np":2,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[11.488,4.142],[0,0],[2.433,-2.346],[1.063,-2.871],[0,0],[-8.173,4.45],[-4.512,10.602]],"o":[[0,0],[0,0],[-2.461,2.373],[-2.402,7.489],[0,0],[5.166,-2.813],[-9.096,-33.18]],"v":[[-7.735,-30.629],[-11.413,-3.348],[-17.312,2.506],[-22.271,8.977],[-8.009,21.923],[8.741,22.931],[22.532,0.9]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.109999997008,0.19199999641,0.46699999641,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[511.512,604.889],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 16","np":3,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-18.193,-18.03],[-20.269,23.573]],"o":[[0,0],[18.192,18.032],[-20.581,-38.021]],"v":[[-40.161,-27.395],[-28.813,17.082],[34.638,17.78]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":4,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.109999997008,0.19199999641,0.46699999641,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[744.219,503.605],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 17","np":3,"cix":2,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.708,-3.417],[-3.045,-6.277],[-5.748,1.56],[-5.465,15.203],[0,0],[2.605,-5.464],[-1.878,-6.662],[-7.998,-1.027],[-2.987,15.373],[0,0],[7.515,-11.957],[-1.852,-0.746],[-4.714,3.344],[11.274,32.66],[39.202,9.895],[0,0]],"o":[[-11.565,25.965],[-1.708,3.416],[2.795,5.761],[8.968,-2.434],[19.987,11.958],[0,0],[-2.606,5.467],[1.879,6.663],[7.998,1.024],[53.208,5.637],[0,0],[-3.431,5.458],[11.444,4.612],[5.295,-3.758],[-11.274,-32.66],[-39.203,-9.896],[0,0]],"v":[[-126.896,-48.085],[-142.61,32.852],[-153.19,48.736],[-125.231,60.779],[-101.872,19.142],[-48.435,35.199],[-54.427,65.603],[-64.292,84.394],[-36.393,95.84],[-12.45,37.591],[104.99,39.128],[105.161,77.903],[101.403,95.669],[132.321,94.302],[144.961,-28.636],[72.193,-89.914],[-26.199,-100.281]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.964705882353,0.964705882353,0.964705882353,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[642.7,568.772],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 18","np":2,"cix":2,"ix":5,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":210,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Shape Layer 3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[540,540,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[264,-318],[544,424]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.996078491211,0.760784373564,0.447058853449,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":36,"ix":5},"lc":2,"lj":2,"d":[{"n":"d","nm":"dash","v":{"a":0,"k":166,"ix":1}},{"n":"g","nm":"gap","v":{"a":0,"k":299,"ix":2}},{"n":"o","nm":"offset","v":{"a":0,"k":55,"ix":7}}],"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.623529411765,0.650980392157,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0]},"n":["0p667_1_0p167_0"],"t":108,"s":[0],"e":[100]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0_1_0p333_0"],"t":144,"s":[100],"e":[0]},{"t":211}],"ix":2},"o":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"n":["0_1_0p167_0"],"t":108,"s":[-406],"e":[0]},{"t":144}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Shape Layer 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[540,540,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-196,-304],[-486,422]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.996078491211,0.760784373564,0.447058853449,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":36,"ix":5},"lc":2,"lj":2,"d":[{"n":"d","nm":"dash","v":{"a":0,"k":166,"ix":1}},{"n":"g","nm":"gap","v":{"a":0,"k":299,"ix":2}},{"n":"o","nm":"offset","v":{"a":0,"k":55,"ix":7}}],"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.623529411765,0.650980392157,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0]},"n":["0p667_1_0p167_0"],"t":108,"s":[0],"e":[100]},{"i":{"x":[0],"y":[1]},"o":{"x":[0.333],"y":[0]},"n":["0_1_0p333_0"],"t":144,"s":[100],"e":[0]},{"t":211}],"ix":2},"o":{"a":1,"k":[{"i":{"x":[0],"y":[1]},"o":{"x":[0.167],"y":[0]},"n":["0_1_0p167_0"],"t":108,"s":[-406],"e":[0]},{"t":144}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":300,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":0,"k":40,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[678,540,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":110,"s":[{"i":[[0,0],[0,0],[-12,-0.5],[-169,0],[0,0],[11,36],[0,0]],"o":[[0,0],[0,0],[43.566,1.815],[253,0.5],[0,0],[-11,-36],[0,0]],"v":[[-144,-301],[-153,-295],[-142,-299.5],[30.5,-298],[188,-293.5],[188,-295.5],[188.5,-295.5]],"c":true}],"e":[{"i":[[0,0],[0,0],[-39,-19.5],[-169,0],[0,0],[11,36],[0,0]],"o":[[0,0],[0,0],[39,19.5],[253,0.5],[0,0],[-11,-36],[0,0]],"v":[[-144,-301],[-395,395],[-372,454.5],[6.5,532],[422,452.5],[440,400.5],[188.5,-295.5]],"c":true}]},{"i":{"x":0,"y":1},"o":{"x":0.333,"y":0},"n":"0_1_0p333_0","t":150,"s":[{"i":[[0,0],[0,0],[-39,-19.5],[-169,0],[0,0],[11,36],[0,0]],"o":[[0,0],[0,0],[39,19.5],[253,0.5],[0,0],[-11,-36],[0,0]],"v":[[-144,-301],[-395,395],[-372,454.5],[6.5,532],[422,452.5],[440,400.5],[188.5,-295.5]],"c":true}],"e":[{"i":[[0,0],[0,0],[-39,-19.5],[-169,0],[0,0],[11,36],[0,0]],"o":[[0,0],[0,0],[39,19.5],[253,0.5],[0,0],[-11,-36],[0,0]],"v":[[-144,-301],[-395,395],[-372,454.5],[6.5,532],[422,452.5],[440,400.5],[188.5,-295.5]],"c":true}]},{"i":{"x":0.667,"y":1},"o":{"x":1,"y":0},"n":"0p667_1_1_0","t":174,"s":[{"i":[[0,0],[0,0],[-39,-19.5],[-169,0],[0,0],[11,36],[0,0]],"o":[[0,0],[0,0],[39,19.5],[253,0.5],[0,0],[-11,-36],[0,0]],"v":[[-144,-301],[-395,395],[-372,454.5],[6.5,532],[422,452.5],[440,400.5],[188.5,-295.5]],"c":true}],"e":[{"i":[[0,0],[0,0],[-12,-0.5],[-169,0],[0,0],[11,36],[0,0]],"o":[[0,0],[0,0],[43.566,1.815],[253,0.5],[0,0],[-11,-36],[0,0]],"v":[[-144,-301],[-153,-295],[-142,-299.5],[30.5,-298],[188,-293.5],[188,-295.5],[188.5,-295.5]],"c":true}]},{"t":211}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":true},{"ty":"fl","c":{"a":0,"k":[1,0.623529411765,0.650980392157,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-134,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":103,"op":211,"st":0,"bm":0}],"markers":[]}

  lottie.loadAnimation({
    container: document.querySelector('#lottie'),
    renderer: 'svg',
    loop: true,
    autoplay: true,
    animationData: JSON
  });
</script>
<script src="./src/index.js" async defer></script>
</body>
</html> 
